#{extends 'main.html' /}



<html>

<head>

<title>#{get 'title' /}</title>

<link rel="stylesheet" media="screen"
	href="@{'/public/stylesheets/main.css'}">

#{get 'moreStyles' /}

<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">

<script src="@{'/public/javascripts/jquery-1.6.4.min.js'}"
	type="text/javascript" charset="${_response_encoding}"></script>

#{get 'moreScripts' /}

<style type="text/css">
#menu

ul

</
body
>
{
margin


:

0;
padding


:

0;
list-style-type

:


none

;
text-align


:


center


;
}
#menu ul li {
	display: inline;
}

#menu ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #fff;
	background-color: #036;
}

#menu ul li a:hover {
	color: #fff;
	background-color: #369;
}
</style>

</head>

<body style="color:blue;">

<h1>${models.RegisteredUser.findById(Long.parseLong(session.get("RegisteredUserId"))).name}'s
	Profile</h1>

<br>

<br>

	<div id="menu">

		<ul>

			<div style="float: right;">
				<!-- Begin @author Nada 
the button enables the user to view available privacy customization settings-->
				<li><a href="@{RegisteredUsers.setPrivacy()}"> Privacy
						Settings</a></li> <br> <br>
				<!-- End @author Nada-->
			</div>
			<br>

			<!-- Heidi ElToukhy
This is a button that enables the user to view his List of created and joined communityLists
@author Heidi ElToukhy -->
			<p style="font-size: 30px;">Community List</p>
			<div style="float: left;">
				<li>
					<form action="@{CommunityLists.viewCommLists()}" method="GET">
						<button style="background-color: #036; color: white;"
							name="viewOthers" type="submit" value="${id}">View
							Community Lists</button>
					</form>
				</li> <br>
				<!-- End @author Heidi ElToukhy-->

				<!-- Heidi ElToukhy
This is a button that enables the user to view a list of the received requests to join a communityList
@author Heidi ElToukhy -->
				<li><a href="@{CommunityLists.viewCommListRequests()}">View
						Community List Requests</a></li> <br> <br>
				<!-- End @author Heidi ElToukhy-->

			</div>
			<br>
			<br>
			<br>

			<p style="font-size: 30px;">Exercise</p>
			<div style="float: left;">

				<li><a href="@{ReviewRequests.openRequest()}">My Review
						Requests</a></li> <br> <br>

				<li><a href="@{ReviewRequests.myCreatedExercises()}">My
						Created Exercises</a></li> <br> <br>

				<!-- Begin @author Nada 
the button enables the user to view his taken exercises with the cooresponding scores -->

				<li><a href="@{RegisteredUsers.exerciseScores()}"> Exercise
						Scores</a></li> <br> <br>
				<!-- End @author Nada-->
			</div>
			<br>
			<br>
			<br>
			<br>
			<br>

			<p style="font-size: 30px;">Tutorials</p>
			<div style="float: left;">
				<!-- Begin @author Nada three buttons to allow the user to view his follwed topics/users/tutorials-->
				<form action="@{Tutorials.followedTutPage()}" method="GET">
					<button style="background-color: #036; color: white;"
						name="viewOthers" type="submit" value="${id}">My Followed
						Tutorials</button>
					<br> <br>
				</form>
				<li><a href="@{Application.TutorialDumView()}">View
						Tutorials list</a></li> <br> <br>

				<!-- Marwa Elshenawy
This is a button that enables the user to view his List of Favorite Tutorials
@author Marwa Elshenawy -->
				<li><a href="@{Tutorials.favoritesPage()}"> My Favorites
						List </a></li> <br> <br>
				<li><a href="@{Application.contributeRequests()}">View
						Request To contribute List</a></li> <br>
			</div>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<p style="font-size: 30px;">Topics</p>
			<div style="float: left;">
				<!-- @author Rana Amr -->
				<li><a href="@{Topics.createTopic()}">Create a New Topic</a></li> <br>
				<br>

				<form action="@{Topics.followedTopicPage()}" method="GET">
					<button style="background-color: #036; color: white;"
						name="viewOthers" type="submit" value="${id}">My Followed
						Topics</button>
					<br> <br>
				</form>
			</div>

			<br>
			<br>
			<br>

			<p style="font-size: 30px;">Users</p>
			<div style="float: left;">
				<form action="@{RegisteredUsers.followedUserPage()}" method="GET">
					<button style="background-color: #036; color: white;"
						name="viewOthers" type="submit" value="${id}">My Followed
						Users</button>
					<br> <br>
				</form>
				<!-- End @author Nada-->

			</div>

			<br>
			<br>

			<p style="font-size: 30px;">Reviews</p>
			<div style="float: left;">
				<form action="@{RegisteredUsers.checkMyPoints()}" method="GET">
					<button style="background-color: #036; color: white;"
						name="viewOthers" type="submit" value="${id}">Check My
						Points</button>
				</form>
				<br>


				<!-- Mahmoud (Button to direct to questions page)-->
				<li><a href="/Guidance/questionsPage.html">Ask for guidance</a></li>
				<br> <br>
				<!-- end Mahmoud -->

			</div>

			<br>
			<br>
			<br>
			<br>
			<br>
			<br>
			<!-- @author Renad (Button to direct to search page)-->

			<FORM action="/search/index">
				<INPUT type=submit value="Search"  style="background-color: #036; color: white;"> <a
					href="search/index.HTML"> </a>
			</FORM>
			<!-- end @author Renad -->
	</div>
</body>